<template>
    <div class="topNavi">
        <!-- threeConent -->
        <div class="naviContent">
            <img src="../../assets/image/icon7.png" class="topNaviIcon">
            <img src="../../assets/image/icon7.png" class="topNaviIcon">
            <img src="../../assets/image/icon7.png" class="topNaviIcon">
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style>
.topNavi{
    display: flex;
    flex-direction: row;
    /* margin-left: 5%; */
    height: 8%;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid #DCDBDC;
}

.naviContent{
    position: fixed;
    right: 0;
    margin-right: 15px;
}

.topNaviIcon{
    margin-left: 20px;
    margin-right: 20px;
    width: 15px;
    height: 15px;
}
</style>